﻿@{
    ViewBag.Title = "Bodoba News Sunar";
}
@using NewsCrawler.Common.Models.ViewModels
@using Site.Code.HtmlHelpers
@model IndexViewModel
<section id="content">
    <div class="top">
        <div class="bottom">
            <div class="left">
                <div class="right">
                    <div class="bottom-left">
                        <div class="bottom-right">
                            <div class="top-right">
                                <div class="top-left">
                                    <div class="container_24">
                                        <div class="padding">
                                            <div class="wrapper title">
                                                <article class="grid_6 alpha">
                                                    <div class="bg-dark">
                                                        <div class="padding-1">
                                                            <div class="wrapper">
                                                                <h2 class="fleft">
                                                                    Popular News</h2>
                                                                <a class="link-1" href="#">See all</a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="bg-1">
                                                        <div class="padding-2">
                                                            <div class="wrapper">
                                                                <figure class="img-indent1">
                                                                    <img src="/Content/images/page1-img1.jpg" alt=""></figure>
                                                                <div class="extra-box">
                                                                    <h4>
                                                                        12, August 2008</h4>
                                                                    <a class="link-2" href="#">Lorem ipsum dolor sit amet, consect etur adipisicing.</a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="bg-2">
                                                        <div class="padding-2">
                                                            <div class="wrapper">
                                                                <figure class="img-indent1">
                                                                    <img src="/Content/images/page1-img2.jpg" alt=""></figure>
                                                                <div class="extra-box">
                                                                    <h4>
                                                                        12, August 2008</h4>
                                                                    <a class="link-2" href="#">Ipsum dolor sit amet, consectetur adipisicing.</a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="bg-1">
                                                        <div class="padding-2">
                                                            <div class="wrapper">
                                                                <figure class="img-indent1">
                                                                    <img src="/Content/images/page1-img3.jpg" alt=""></figure>
                                                                <div class="extra-box">
                                                                    <h4>
                                                                        12, August 2008</h4>
                                                                    <a class="link-2" href="#">Dolor sit amet, consectetur adipis icing.</a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="bg-2">
                                                        <div class="padding-2">
                                                            <div class="wrapper">
                                                                <figure class="img-indent1">
                                                                    <img src="/Content/images/page1-img4.jpg" alt=""></figure>
                                                                <div class="extra-box">
                                                                    <h4>
                                                                        12, August 2008</h4>
                                                                    <a class="link-2" href="#">Amet, consectetur adipisicing.</a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </article>
                                                <article class="grid_12">
                                                    <div class="bg-white margin-bot0">
                                                        <div class="padding-1">
                                                            <div class="wrapper">
                                                                <h2 class="fleft color-3 text-shadow">
                                                                    Latest Topics</h2>
                                                                <a class="link-3" href="#">See all</a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="box">
                                                        <div class="box-padding2">
                                                            <div class="wrapper">
                                                                <figure class="img-indent">
                                                                    <a class="lightbox-image" href="/Content/images/image-blank.png" data-gal="prettyPhoto[gallery_1]">
                                                                        <img src="/Content/images/page1-img5.jpg" alt=""></a></figure>
                                                                <div class="extra-box">
                                                                    <h6 class="p2">
                                                                        12, August 2008</h6>
                                                                    <h2 class="color-3 text-shadow p1">
                                                                        Sublime Federer crushes Wawrinka</h2>
                                                                    <p class="p4">
                                                                        Lorem ipsum dolor sit amet, consect etur adipisicing elit, sed do eiusmod tempor
                                                                        incididunt ut labore.
                                                                    </p>
                                                                    <a class="button-2" href="#"><span class="marker-1">Read more</span></a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="box-1">
                                                        <div class="box-padding3">
                                                            <div class="wrapper">
                                                                <figure class="img-indent">
                                                                    <a class="lightbox-image" href="/Content/images/image-blank.png" data-gal="prettyPhoto[gallery_1]">
                                                                        <img src="/Content/images/page1-img6.jpg" alt=""></a></figure>
                                                                <div class="extra-box">
                                                                    <h6 class="p2">
                                                                        12, August 2008</h6>
                                                                    <h2 class="color-3 text-shadow p2">
                                                                        David West's big shot<br>
                                                                        kept the Hornets' win<br>
                                                                        streak alive. Earlier, the<br>
                                                                        fans kept the franchise<br>
                                                                        alive.</h2>
                                                                    <p class="p2">
                                                                        Lorem ipsum dolor sit amet.
                                                                    </p>
                                                                    <a class="button-2" href="#"><span class="marker-1">Read more</span></a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </article>
                                                <article class="grid_6 omega">
                                                    <div class="wrapper">
                                                        <div class="bg-dark">
                                                            <ul class="tabs">
                                                                <li><a href="#tab1">Headlines</a></li>
                                                                <li><a href="#tab2">Features</a></li>
                                                            </ul>
                                                        </div>
                                                        <div class="tab_container">
                                                            <div id="tab1" class="tab_content">
                                                                <ul class="list-1">
                                                                    <li><a href="#">Lorem ipsum dolor sit amet, cons ectetur adipisicing elit,</a></li>
                                                                    <li><a href="#">Dolor sit amet, consectetur adipisicing elit,</a></li>
                                                                    <li><a href="#">Setipsum dolor sit amet, cons ectetur adipisicing elit magna</a></li>
                                                                    <li><a href="#">Lorem ipsum dolor sit amet, cons ectetur adipisicing elit,</a></li>
                                                                    <li class="last"><a href="#">Dolor sit amet, consectetur adipisi cing elit,</a></li>
                                                                    <li class="last"><a href="#">Set ipsum dolor sit amet, cons ectetur adipisicing elit,</a></li>
                                                                    <li class="last"><a href="#">Magna dolor sit amet, consectetur adipisicing elit,</a></li>
                                                                </ul>
                                                            </div>
                                                            <div id="tab2" class="tab_content">
                                                                <ul class="list-1">
                                                                    <li><a href="#">Lorem ipsum dolor sit amet, cons ectetur adipisicing elit,</a></li>
                                                                    <li><a href="#">Dolor sit amet, consectetur adipisi cing elit,</a></li>
                                                                    <li><a href="#">Set ipsum dolor sit amet, cons ectetur adipisicing elit,</a></li>
                                                                    <li><a href="#">Magna dolor sit amet, consectetur adipisicing elit,</a></li>
                                                                    <li class="last"><a href="#">Lorem ipsum dolor sit amet, cons ectetur adipisicing elit,</a></li>
                                                                    <li class="last"><a href="#">Dolor sit amet, consectetur adipisicing elit,</a></li>
                                                                    <li class="last"><a href="#">Setipsum dolor sit amet, cons ectetur adipisicing elit
                                                                        magna</a></li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </article>
                                            </div>
                                            <div class="wrapper">
                                                <article class="grid_6 alpha">
                                                    <div class="wrapper indent-bot">
                                                        <div class="bg-white">
                                                            <div class="padding-1">
                                                                <h2 class="color-3 text-shadow">
                                                                    About Us</h2>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <figure class="p2">
                                                        <img src="/Content/images/page1-img7.jpg" alt="">
                                                    </figure>
                                                    <div class="extra-box">
                                                        <p>
                                                            Ipsum dolor sit amet, consectetur adipi sicing elit, sed do eiusmod tempor incididunt
                                                            ut labore. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                                                            tempor incididunt ut labore dolor set.
                                                        </p>
                                                        <a class="link-4" href="#">Read more</a>
                                                    </div>
                                                </article>
                                                <article class="grid_6">
                                                    <div class="wrapper indent-bot">
                                                        <div class="bg-white">
                                                            <div class="padding-1">
                                                                <h2 class="color-3 text-shadow">
                                                                    The Life</h2>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <figure class="p2">
                                                        <img src="/Content/images/page1-img8.jpg" alt="">
                                                    </figure>
                                                    <div class="extra-box">
                                                        <p>
                                                            Lorem ipsum dolor sit amet, consect etur adipisicing elit, sed do eiusmod temporincididunt
                                                            ut labore. Lorem ipsum dolor sitamet, consectetur adipi sicing elit,seddo eiusmod
                                                            tempor incididunt ut labore.
                                                        </p>
                                                        <a class="link-4" href="#">Photos of the Week</a>
                                                    </div>
                                                </article>
                                                <article class="grid_6">
                                                    <div class="wrapper p2">
                                                        <div class="bg-blue">
                                                            <div class="padding-1">
                                                                <h2>
                                                                    Insider Tweets</h2>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="wrapper prev-indent-bot">
                                                        <div class="wrapper">
                                                            <figure class="img-indent2">
                                                                <img src="/Content/images/page1-img9.jpg" alt=""></figure>
                                                            <div class="extra-box">
                                                                <h6>
                                                                    BryanHoch:</h6>
                                                                <a class="link-6" href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing.</a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="wrapper prev-indent-bot">
                                                        <div class="bg-3">
                                                            <div class="padding-3">
                                                                <div class="wrapper">
                                                                    <figure class="img-indent2">
                                                                        <img src="/Content/images/page1-img10.jpg" alt=""></figure>
                                                                    <div class="extra-box">
                                                                        <h6>
                                                                            BryanHoch:</h6>
                                                                        <a class="link-6" href="#">Set ipsum dolor sit amet, consectetuer adipiscing.</a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="wrapper p2">
                                                        <div class="bg-3">
                                                            <div class="padding-3">
                                                                <div class="wrapper">
                                                                    <figure class="img-indent2">
                                                                        <img src="/Content/images/page1-img11.jpg" alt=""></figure>
                                                                    <div class="extra-box">
                                                                        <h6>
                                                                            BryanHoch:</h6>
                                                                        <a class="link-6" href="#">Dolor sit amet, con sectetuer adipiscing..</a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <a class="link-4" href="#">See all</a>
                                                </article>
                                                <article class="grid_6 omega">
                                                    <div class="wrapper p2">
                                                        <div class="bg-dark">
                                                            <div class="padding-1">
                                                                <h2>
                                                                    Top Videos</h2>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="wrapper p1">
                                                        <figure class="img-indent2 video">
                                                            <img src="/Content/images/page1-img12.jpg" alt=""><a class="button-video" href="flash/video_AS3.swf~width=495&height=275&fileVideo=intro06.flv.swf"
                                                                data-gal="prettyPhoto[gallery_2]" title="video 1"></a></figure>
                                                        <div class="extra-box">
                                                            <p class="prev-indent-bot1">
                                                                Lorem ipsum dolor sit amet, consect etuer.
                                                            </p>
                                                            <a class="link-4" href="#">Watch Now</a>
                                                        </div>
                                                    </div>
                                                    <div class="wrapper p1">
                                                        <div class="bg-4">
                                                            <div class="padding-4">
                                                                <div class="wrapper">
                                                                    <figure class="img-indent2 video">
                                                                        <img src="/Content/images/page1-img13.jpg" alt=""><a class="button-video" href="flash/video_AS3.swf~width=495&height=275&fileVideo=intro06.flv.swf"
                                                                            data-gal="prettyPhoto[gallery_2]" title="video 1"></a></figure>
                                                                    <div class="extra-box">
                                                                        <p class="prev-indent-bot1">
                                                                            Set ipsum dolor sit amet, consect etuer.
                                                                        </p>
                                                                        <a class="link-4" href="#">Watch Now</a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="wrapper p2">
                                                        <div class="bg-4">
                                                            <div class="padding-4">
                                                                <div class="wrapper">
                                                                    <figure class="img-indent2 video">
                                                                        <img src="/Content/images/page1-img14.jpg" alt=""><a class="button-video" href="flash/video_AS3.swf~width=495&height=275&fileVideo=intro06.flv.swf"
                                                                            data-gal="prettyPhoto[gallery_2]" title="video 1"></a></figure>
                                                                    <div class="extra-box">
                                                                        <p class="prev-indent-bot1">
                                                                            Magan set ipsum dolor sit amet, consectetuer.
                                                                        </p>
                                                                        <a class="link-4" href="#">Watch Now</a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <a class="link-4" href="#">Videos of the Week</a>
                                                </article>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>